
import React, { PropTypes } from 'react';
import {observer} from 'mobx-react';

import StateLessButton from '../../components/StateLessButton';
import ES6Button from '../../components/ES6Button';
import styles from './style/index.less';//less中的@import导入的css文件，不会放在styles中
import styles2 from './style/iconfont.css';

console.log(styles2)
console.log(styles)

@observer
class OtherView extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        const props = this.props;

        return (<div>
            <div>
                {StateLessButton('blue', 'StateLessButton')}
                <ES6Button color="red" text="ES6Button" />
            </div>
            <div className={styles2["icon-shijian"] + " " + styles2["iconfont"]} style={{"fontSize":"40px"}}>test iconfont</div>
            <div className={styles2.className}>className Test</div>
            <div className={styles.bg_test} />
        </div>);
    }
}

export default OtherView;
